<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <style>
    g{
      fill: red;
    }
  </style>
    <?xml version="1.0"?>
    <svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 64 64" width="512px" class="">
      <style>
          g { fill: blue; }
        </style>
      <g style="fill:chartreuse" transform="matrix(1.06152 0 0 1.06152 -1.96864 -1.96864)"><g style="fill:chartreuse"  id="Filled_outline" data-name="Filled outline"><path d="m27 5h10a0 0 0 0 1 0 0v40a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4-4v-40a0 0 0 0 1 0 0z" fill="#55b56a" transform="matrix(-1 0 0 -1 64 54)" data-original="#55B56A" class=""/><path d="m22 49h20v12h-20z" fill="#ad6327" transform="matrix(-1 0 0 -1 64 110)" data-original="#AD6327" class=""/><path d="m43 25v-8a4 4 0 0 1 4-4 4 4 0 0 1 4 4v10a8 8 0 0 1 -8 8h-6v-8h4a2 2 0 0 0 2-2z" fill="#69cc7b" data-original="#69CC7B" class="active-path" data-old_color="#69cc7b" style="fill:#69CC7B"/><path d="m21 32v-10a4 4 0 0 0 -4-4 4 4 0 0 0 -4 4v12a8 8 0 0 0 8 8h6v-8h-4a2 2 0 0 1 -2-2z" fill="#69cc7b" data-original="#69CC7B" class="active-path" data-old_color="#69cc7b" style="fill:#69CC7B"/><path d="m31 2h2v3h-2z" fill="#ffd782" data-original="#FFD782" class=""/><path d="m34.379 3.5h4.243v2h-4.243z" fill="#ffd782" transform="matrix(.707 -.707 .707 .707 7.509 27.127)" data-original="#FFD782" class=""/><path d="m26.5 2.379h2v4.243h-2z" fill="#ffd782" transform="matrix(.707 -.707 .707 .707 4.873 20.763)" data-original="#FFD782" class=""/><path d="m43 32h-6v-2h6a3 3 0 0 0 3-3v-2h2v2a5.006 5.006 0 0 1 -5 5z" fill="#42874f" data-original="#42874F"/><path d="m27 39h-6a5.006 5.006 0 0 1 -5-5v-1h2v1a3 3 0 0 0 3 3h6z" fill="#42874f" data-original="#42874F"/><path d="m16 29h2v2h-2z" fill="#42874f" data-original="#42874F"/><path d="m46 16h2v2h-2z" fill="#42874f" data-original="#42874F"/><path d="m31 8h2v2h-2z" fill="#ffd782" data-original="#FFD782" class=""/><path d="m31 12h2v4h-2z" fill="#42874f" data-original="#42874F"/><g fill="#ffd782"><path d="m37 42h4v2h-4z" data-original="#000000" class=""/><path d="m37 38h5v2h-5z" data-original="#000000" class=""/><path d="m22 11h5v2h-5z" data-original="#000000" class=""/><path d="m23 15h4v2h-4z" data-original="#000000" class=""/><path d="m51 18h5v2h-5z" data-original="#000000" class=""/><path d="m51 22h4v2h-4z" data-original="#000000" class=""/><path d="m51 26h5v2h-5z" data-original="#000000" class=""/><path d="m40 17h3v2h-3z" data-original="#000000" class=""/><path d="m40 21h3v2h-3z" data-original="#000000" class=""/><path d="m8 22h5v2h-5z" data-original="#000000" class=""/><path d="m8 26h5v2h-5z" data-original="#000000" class=""/><path d="m16 13h2v5h-2z" data-original="#000000" class=""/><path d="m12.5 15.379h2v4.243h-2z" transform="matrix(.707 -.707 .707 .707 -8.42 14.672)" data-original="#000000" class=""/><path d="m18.586 17h2.828v2h-2.828z" transform="matrix(.707 -.707 .707 .707 -6.87 19.414)" data-original="#000000" class=""/><path d="m30 19h2v2h-2z" data-original="#000000" class=""/><path d="m32 24h2v2h-2z" data-original="#000000" class=""/><path d="m30 29h2v2h-2z" data-original="#000000" class=""/><path d="m32 33h2v2h-2z" data-original="#000000" class=""/><path d="m30 37h2v2h-2z" data-original="#000000" class=""/><path d="m32 41h2v2h-2z" data-original="#000000" class=""/></g><path d="m32 58h-7v-6h2v4h5z" fill="#66342e" data-original="#66342E" class="" style="fill:#AA2616" data-old_color="#66342e"/><path d="m34 56h2v2h-2z" fill="#66342e" data-original="#66342E" class="" style="fill:#AA2616" data-old_color="#66342e"/><path d="m52 17a5 5 0 0 0 -10 0h-2v2h2v2h-2v2h2v2a1 1 0 0 1 -1 1h-3v-17a4.961 4.961 0 0 0 -1.279-3.307l1.986-1.986-1.414-1.414-2.193 2.188a4.94 4.94 0 0 0 -2.1-.481v-2h-2v2a4.94 4.94 0 0 0 -2.105.481l-2.188-2.188-1.414 1.414 1.986 1.986a4.961 4.961 0 0 0 -1.279 3.307v2h-4v2h4v2h-3v2h3v16h-3a1 1 0 0 1 -1-1v-10a4.961 4.961 0 0 0 -1.279-3.307l.986-.986-1.414-1.414-1.188 1.188a4.925 4.925 0 0 0 -1.105-.381v-4.1h-2v4.1a4.925 4.925 0 0 0 -1.105.38l-2.188-2.188-1.414 1.414 1.986 1.986a4.961 4.961 0 0 0 -1.279 3.308h-4v2h4v2h-4v2h4v6a9.01 9.01 0 0 0 9 9h5v5h-5v14h22v-14h-5v-4h3v-2h-3v-2h4v-2h-4v-2h5a9.01 9.01 0 0 0 8.941-8h4.059v-2h-4v-2h3v-2h-3v-2h4v-2h-4zm-24-8a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v39h-8zm-7 32a7.009 7.009 0 0 1 -7-7v-12a3 3 0 0 1 6 0v10a3 3 0 0 0 3 3h3v2h-5a3 3 0 0 1 -3-3v-1h-2v1a5.006 5.006 0 0 0 5 5h5v2zm20 9v10h-18v-10zm9-23a7.009 7.009 0 0 1 -7 7h-5v-2h5a5.006 5.006 0 0 0 5-5v-2h-2v2a3 3 0 0 1 -3 3h-5v-2h3a3 3 0 0 0 3-3v-8a3 3 0 0 1 6 0z" data-original="#000000" class=""/><path d="m16 29h2v2h-2z" data-original="#000000" class=""/><path d="m46 16h2v2h-2z" data-original="#000000" class=""/><path d="m31 8h2v2h-2z" data-original="#000000" class=""/><path d="m31 12h2v4h-2z" data-original="#000000" class=""/><path d="m30 19h2v2h-2z" data-original="#000000" class=""/><path d="m32 24h2v2h-2z" data-original="#000000" class=""/><path d="m30 29h2v2h-2z" data-original="#000000" class=""/><path d="m32 33h2v2h-2z" data-original="#000000" class=""/><path d="m30 37h2v2h-2z" data-original="#000000" class=""/><path d="m32 41h2v2h-2z" data-original="#000000" class=""/><path d="m27 52h-2v6h7v-2h-5z" data-original="#000000" class=""/><path d="m34 56h2v2h-2z" data-original="#000000" class=""/></g><script xmlns=""/></g> </svg>
      <script>
          window.addEventListener('DOMContentLoaded', () => {
            document.getElementById('rect').setAttribute('fill', 'blue')
              }, false);
        </script>
        <svg>
          <rect id="rect" x="0" y="0" width="100" height="100" fill="blue" />
        </svg>
    </body>
</html>